﻿@{
    Layout = null;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>@ViewBag.title</title>

    <!-- Stylesheets -->
    <link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet'>
   
    <link href="~/Content/Admin/css/style.css" rel="stylesheet" />
    <!-- Optimize for mobile devices -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- jQuery & JS files -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script src="~/Content/Admin/js/script.js"></script>
</head>
<body>
    <!-- TOP BAR -->
    <div id="top-bar">

        <div class="page-full-width cf">
            <ul id="nav" class="fl">

                <li class="v-sep"><a href="#" class="round button dark ic-left-arrow image-left">Go to website</a></li>
                <li class="v-sep">
                    <a href="#" class="round button dark menu-user image-left">Logged in as <strong>admin</strong></a>
                    <ul>
                        <li><a href="#">My Profile</a></li>
                        <li><a href="#">User Settings</a></li>
                        <li><a href="#">Change Password</a></li>
                        <li><a href="#">Log out</a></li>
                    </ul>
                </li>

                <li><a href="#" class="round button dark menu-email-special image-left">3 new messages</a></li>
                <li><a href="#" class="round button dark menu-logoff image-left">Log out</a></li>

            </ul> <!-- end nav -->

            <form action="#" method="POST" id="search-form" class="fr">
                <fieldset>
                    <input type="text" id="search-keyword" class="round button dark ic-search image-right" placeholder="Search..." />
                    <input type="hidden" value="SUBMIT" />
                </fieldset>
            </form>
        </div> <!-- end full-width -->

    </div> <!-- end top-bar -->
    <!-- HEADER -->
    <div id="header-with-tabs">

        <div class="page-full-width cf">

            <ul id="tabs" class="fl">
                <li><a href="#" class="active-tab dashboard-tab">Dashboard</a></li>
                @*<li><a href="page-full-width.html">sản Phẩm</a></li>
                <li><a href="page-other.html">Danh Mục</a></li>*@
            </ul> <!-- end tabs -->
            <!-- Change this image to your own company's logo -->
            <!-- The logo will automatically be resized to 30px height. -->
            <a href="#" id="company-branding-small" class="fr"><img src="/content/admin/images/company-logo.png" alt="Blue Hosting" /></a>
        </div> <!-- end full-width -->
    </div> <!-- end header -->
    <!-- MAIN CONTENT -->
    <div id="content">
        <div class="page-full-width cf">
            <div class="side-menu fl">
                <h3>Menu</h3>
                <ul>
                    <li><a href="#">Danh Mục</a></li>
                    <li><a href="#">Nghề Nghiệp</a></li>
                    <li><a href="#">Thương Hiệu</a></li>
                    <li><a href="#">Hóa Đơn</a></li>
                </ul>
            </div> <!-- end side-menu -->
            <div class="side-content fr">
                <div class="content-module">
                    @RenderBody()
                </div> <!-- end side-content -->
        </div> <!-- end full-width -->
    </div> <!-- end content -->
    <!-- FOOTER -->
    <div id="footer">
        <p>&copy; Copyright 2012 <a href="#">BlueHosting, LLC</a>. All rights reserved.</p>
        <p><strong>SimpleAdmin</strong> theme by <a href="http://www.adipurdila.com">Adi Purdila</a></p>

    </div> <!-- end footer -->
</body>
</html>